<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@include file="/common/header.jsp"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>物流平台</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link href="${ctx}/demo/demo.css" rel="stylesheet" type="text/css" />

<script src="${ctx}/scripts/boot.js" type="text/javascript"></script>

<style type="text/css">
body {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.header {
	background: url(${ctx}/demo/header.gif) repeat-x 0 -1px;
}
</style>
</head>
<body>

<div id="layout1" class="mini-layout" style="width: 100%; height: 100%;">
	<!-- 顶部 -->
	<div class="header" region="north" height="70" showSplitIcon="true" showHeader="false">
		<h1 style="margin: 0; padding: 15px; cursor: default; font-family: 'Trebuchet MS', Arial, sans-serif;">功能菜单</h1>
	</div>

	<!-- 底部 -->
	<div title="south" region="south" showSplit="false" showHeader="false" height="30">
			<div style="line-height: 28px; text-align: center; cursor: default">Copyright © 2014 南通电子口岸</div>
	</div>
	
	<!-- 左侧菜单 -->
	<div showHeader="false" region="west" width="180" maxWidth="250" minWidth="100" showSplitIcon="true">
		<!--OutlookMenu-->
		<div id="leftTree" class="mini-outlookmenu" url="${ctx}/data/outlookmenu.txt" onitemclick="onItemSelect" idField="id" parentField="pid" textField="text" borderStyle="border:0">
		</div>
	</div>

	<!-- 中部正文 -->
	<div title="center" region="center" bodyStyle="overflow:hidden;" >
		<div id="tabs1" class="mini-tabs" activeIndex="0" style="width: 100%; height: 100%;">        
		</div>
	</div> 

</div>

<script type="text/javascript">
	mini.parse();
	var tabs = mini.get("tabs1");
	
	// 子页面调用addTab方法时，使用此引用
	top["win"]=window;
	
 	function onItemSelect(e) {
	     var item = e.item;
	     var tab = tabs.getTab(item.id);
	     // 如果不存在，则添加
	     if(tab == undefined){
	    	 var tab = { title: item.text, url: item.url, name: item.id, showCloseButton: true };
	    	 tabs.addTab(tab);
	     }
	     tabs.activeTab(tab);
	}

</script>

</body>
</html>